<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>木鱼大师 - Wooden Bell</title>
    <link href="styles/style.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  </head>
  <body data-lang="cn">
    <header>
      <div id="header" style="display: flex;">
            <button id="langTitle" class="language-btn">中文简体</button>
            <img class="language-icon" src="images/language.png" alt="language">
            <ul class="country-box">
              <li data-lang="cn">中文简体</li>
              <li data-lang="tra">中文繁體</li>
              <li data-lang="en">English</li>
              <li data-lang="fre">Français</li>
              <li data-lang="ger">Deutsch</li>
              <li data-lang="ita">Italiano</li>
              <li data-lang="jap">日本</li>
              <li data-lang="kor">한국인</li>
              <li data-lang="rus">Русский</li>
              <li data-lang="spa">español</li>
            </ul>
        </div>
      </header>
    <section>
      <h1 id="title">木鱼大师</h1>
      <h2 id="desc">心灵的宁静</h2>
      <div id="bgView">
        <img id="bg" src="images/bg1.jpg" alt="background">
        <img id="bg" src="images/bg2.jpg" alt="background">
        <img id="bg" src="images/bg3.jpg" alt="background">
      </div>
      <br>
      <a id="userAgreement" style="color: whitesmoke;" href="./files/user-agreement-cn.html"  target="_blank">用户协议</a>
      <br>
      <a id="secretItem" style="color: whitesmoke;" href="./files/privacy-policy-cn.html"  target="_blank">隐私政策</a>
      <br>
      <!-- <a id="vipPolicy" style="color: whitesmoke;" href="./files/VIP-policy-cn.html"  target="_blank" id="secretItem">VIP会员服务协议</a>
      <br>
      <a id="autoRenewal" style="color: whitesmoke;" href="./files/auto-renewal-cn.html"  target="_blank" id="secretItem">自动续费服务规则</a> -->
    </section>
  </body>
    <script src="scripts/main.js" defer></script>
</html> 